@charset "utf-8";
// reset css
*,::before,::after{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  list-style: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
body{
  font-size: 14px;
  font-family:Microsoft YaHei,sans-serif,Helvetica Neue, Helvetica, Arial;
}

.f_left{
  float: left;
}
.f_right{
  float: right;
}
.clearfix::before,
.clearfix::after{
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  clear: both;
}
.details{
  width: 750px;
  [data-dpr="3"] &{
    width: 1125px;
  }
}
//用于定于不同屏幕下的字体保持一直
  [data-dpr="1"] .data-dpr{
    font-size: 14px;
    color: red;
  }
  [data-dpr="2"] .data-dpr{
    font-size: 24px;
    color: gold;
  }
  [data-dpr="3"] .data-dpr{
    font-size: 36px;
    color: #25a4bb;
  }

